#wrapper{position:relative;overflow:hidden}html{height:100%;font-size:100%;font-family:"微軟正黑體", Arial, Helvetica}body{height:100%;font-size:1em;font-family:"微軟正黑體", Arial, Helvetica !important}img{max-width:100%}h1,h2,h3{font-family:"微軟正黑體", Arial, Helvetica, sans-serif;line-height:100%}p{line-height:100%;margin:0}li{list-style:none}ul{margin:0}a{text-decoration:none !important}input{outline:none}textarea{outline:none}@media screen and (max-width: 768px){.container{padding-right:30px;padding-left:30px}}@media screen and (max-width: 468px){.container{padding-right:15px;padding-left:15px}}.visible{opacity:1}.hidden1{opacity:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUp1{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp1{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.animated.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1;-webkit-animation-delay:0.4s;animation-delay:0.4s}#page-features01{padding:100px 0;background:#f4f4f4;padding-top:180px}.pf-tit01{color:#353535;font-weight:600;text-align:center}.pf-tit02{text-align:center;font-size:16px}.pf-box-bg01{width:calc(100%/5);float:left;height:264px;padding-top:140px}.pf-avp{padding-left:35px;padding-top:32px}.pf-avp span{font-size:12px}.pf-avp:before{content:"";display:block;width:50px;background:rgba(71,71,71,0.12);height:2px;position:relative;bottom:11px}div.pr07-content>div:nth-child(5)>div.pf-avp{color:#fff}@media (max-width: 1199px){#page-features01{padding-bottom:150px}.pr07-content>div:nth-child(1) .pr07-ct01{padding-top:0px;font-size:22px}.pf-box-bg01{padding-top:130px}}.pr07-content>div:nth-child(2){background:#fff;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(2){padding:10px}}.pr07-content>div:nth-child(3){background:#fff3f7;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(3){padding:10px}}.pr07-content>div:nth-child(4){background:#ffe6f1;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(4){padding:10px}}.pr07-content>div:nth-child(5){background:#e84186;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(5){padding:10px}}.pr07-content>div:nth-child(5)>.pr07-text01{color:#fff}.pr07-content>div:nth-child(5)>.pr07-nt{color:#fff}.pr07-content>div:nth-child(5)>.pr07-price{color:#fffe00}.pr07-box-bg02{width:calc(100%/5);float:left;padding-top:72px}.pf-box-bg02{float:left;padding-top:72px;width:20%}.pr07-box-bg03{width:calc(100%/5);float:left;padding-top:35px}.pf-detail-text>div>ul>li{list-style:disc;margin-top:16px}.pf-detail-text>div>ul>li>span{color:#616161}.pf-detail-text>div>ul>li:nth-child(even){color:#e84185}.pr07-ct01{text-align:center;font-size:22px}.pr07-ct01 p{font-size:14px;padding-top:4px}.pr07-text01{text-align:center;font-size:26px;letter-spacing:2px}@media (max-width: 1199px){.pr07-box-bg03{padding-top:29px}.pr07-text01{font-size:20px;padding-top:35px}}.pr07-nt{font-size:12px;margin-top:45px;padding-left:35px}@media (max-width: 1199px){.pr07-nt{margin-top:35px;padding-left:20px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.pr07-nt{padding-left:46px}}.pr07-price{font-size:32px;text-align:center;font-weight:bold}@media (max-width: 1199px){.pr07-price{font-size:24px}}.pf-detail-text{float:right;background-color:#fff;width:80%;padding:24px 10px 40px 0;color:#616161}.pr07-total{text-align:center}@media (max-width: 1199px){.pr07-total{font-size:16px}}.pr07-total div:nth-child(2){background-color:#fff;padding:30px;font-size:24px}.pr07-total div:nth-child(3){background-color:#fff3f7;padding:30px;font-size:24px}.pr07-total div:nth-child(4){background-color:#ffe6f1;padding:30px;font-size:24px}.pr07-total div:nth-child(5){background-color:#e84186;padding:30px;font-size:24px;color:#fff}.pr07-tb{position:absolute;right:13px;background:#fff;padding:14px 25px;-webkit-box-shadow:0px 5px 13px 1px rgba(0,0,0,0.05);box-shadow:0px 5px 13px 1px rgba(0,0,0,0.05);bottom:-82px}.pr07-tb:after{content:"▲";position:absolute;top:-21px;text-shadow:0px -6px 9px rgba(0,0,0,0.1);right:97px;font-size:20px;color:#fff;-webkit-transform:scaleX(2.1);transform:scaleX(2.1)}.tb01{font-size:18px}.tb02{font-size:14px}.tb03{font-size:20px;color:#e84186;padding-top:6px}@media (max-width: 1024px){.pr07-tb{bottom:-88px}}@media (min-width: 1024px){.pf-detail-text{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.05);box-shadow:0px 0px 8px 0px rgba(0,0,0,0.05);position:relative}}@media (max-width: 600px){.pf-tit01{font-size:26px;margin-top:0px}}.pr07-m01{background:#fff}.m-tit{text-align:center;font-size:30px;padding:60px 0}.m-ct{width:95px;margin:auto}.pr07-m02{background:#fff3f7}.pr07-m03{background:#ffe6f1}.pr07-m04{background:#e84186;color:#fff}.pr07-m-bg{-webkit-box-shadow:1px 1px 5px 3px rgba(0,0,0,0.05);box-shadow:1px 1px 5px 3px rgba(0,0,0,0.05)}p.m-text{padding-bottom:15px}p.m-nt{font-size:14px;padding-bottom:12px}p.m-pri{font-size:30px;padding-bottom:40px;font-weight:600}span.m-l{display:block;height:2px;background:#dcdcdc;width:50px}p.m-tot{padding-top:35px;padding-bottom:15px}p.m-tot-pri{padding-bottom:65px;font-size:20px}.pr07-m04>div.m-ct>span{background:#a64c70}.pr07-m04>div.m-ct>p:nth-child(3){color:#fefe00}#page-rwd07{padding:100px 0;background:#f4f4f4;padding-bottom:180px}h1.pr07-tit{color:#353535;font-weight:600;text-align:center;padding-bottom:60px}.pr07-box-bg01{width:calc(100%/5);float:left;padding-top:140px}@media (max-width: 1199px){.pr07-box-bg01{height:auto;padding-top:130px}}@media (max-width: 1199px){#page-rwd07{padding-bottom:150px}.pr07-content>div:nth-child(1) .pr07-ct01{padding-top:0px;font-size:22px}}.pr07-content>div:nth-child(2){background:#fff;padding:30px;height:264px}@media (max-width: 1199px){.pr07-content>div:nth-child(2){padding:10px}}.pr07-content>div:nth-child(3){background:#fff3f7;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(3){padding:10px}}.pr07-content>div:nth-child(4){background:#ffe6f1;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(4){padding:10px}}.pr07-content>div:nth-child(5){background:#e84186;padding:30px}@media (max-width: 1199px){.pr07-content>div:nth-child(5){padding:10px}}.pr07-content>div:nth-child(5)>.pr07-text01{color:#fff}.pr07-content>div:nth-child(5)>.pr07-nt{color:#fff}.pr07-content>div:nth-child(5)>.pr07-price{color:#fffe00}.pr07-box-bg02{width:calc(100%/5);float:left;padding-top:72px}.pr07-box-bg03{width:calc(100%/5);float:left;padding-top:35px}.pr07-detail-text>div>ul>li{list-style:disc}.pr07-detail-text>div>ul>li>span{color:#616161;letter-spacing:2px}.pr07-detail-text>div>ul>li:nth-child(even){color:#e84185}.pr07-ul>ul{margin:0 0 0 16px;float:left;font-size:14px}.pr07-ct01{text-align:center;font-size:22px}.pr07-ct01 p{font-size:14px;padding-top:4px}.pr07-text01{text-align:center;font-size:26px;letter-spacing:2px}@media (max-width: 1199px){.pr07-box-bg03{padding-top:29px}.pr07-text01{font-size:20px;padding-top:35px}}.pr07-nt{font-size:12px;margin-top:45px;padding-left:35px}@media (max-width: 1199px){.pr07-nt{margin-top:35px;padding-left:20px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){.pr07-nt{padding-left:46px}}.pr07-price{font-size:32px;text-align:center;font-weight:bold}@media (max-width: 1199px){.pr07-price{font-size:24px}}.pr07-detail-text{float:left;background-color:#fff;width:80%;padding:40px 50px;color:#616161}.pr07-total{text-align:center}@media (max-width: 1199px){.pr07-total{font-size:16px}}.pr07-total div:nth-child(2){background-color:#fff;padding:30px;font-size:24px}.pr07-total div:nth-child(3){background-color:#fff3f7;padding:30px;font-size:24px}.pr07-total div:nth-child(4){background-color:#ffe6f1;padding:30px;font-size:24px}.pr07-total div:nth-child(5){background-color:#e84186;padding:30px;font-size:24px;color:#fff}.pr07-tb{position:absolute;right:13px;background:#fff;padding:14px 25px;-webkit-box-shadow:0px 5px 13px 1px rgba(0,0,0,0.05);box-shadow:0px 5px 13px 1px rgba(0,0,0,0.05);bottom:-82px}.pr07-tb:after{content:"▲";position:absolute;top:-21px;text-shadow:0px -6px 9px rgba(0,0,0,0.1);right:97px;font-size:20px;color:#fff;-webkit-transform:scaleX(2.1);transform:scaleX(2.1)}.tb01{font-size:18px}.tb02{font-size:14px}.tb03{font-size:20px;color:#e84186;padding-top:6px}@media (max-width: 1024px){.pr07-tb{bottom:-88px}}@media (min-width: 1024px){.pr07-detail-text{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.05);box-shadow:0px 0px 8px 0px rgba(0,0,0,0.05);width:82%;position:relative;left:12px}.pr07-box-bg02{width:18%}}@media (max-width: 600px){h1.pr07-tit{font-size:26px;margin-top:0px}}#page-features01 ul.etabs{text-align:center;width:228px;margin:auto;padding-left:0px;padding-top:60px;padding-bottom:60px}#page-features01 li.tab{float:left}#page-features01 li.tab{padding-right:5px;padding-left:5px}#page-features01 li.tab a.active{background-color:#e84186;color:#fff}section#page-features02{padding-bottom:50px;padding-top:100px;position:relative}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:block}.pft-link ul li a{font-size:14px;color:#e84186;border-radius:25px;border:1px solid #e84186;padding:10px 21px;display:block;-webkit-transition-duration:0.3s;transition-duration:0.3s}.pft-link ul li a:hover,.pft-link ul li a:active,.pft-link ul li a:focus{color:#fff;background:#e84186}.pfhover{color:#fff !important;background:#e84186}@media (max-width: 480px){#page-features01{padding:130px 0;padding-bottom:80px}#page-features01 ul.etabs{padding-top:20px;padding-bottom:45px}}.its-hidden{opacity:0;visibility:hidden;transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}.is-visible{opacity:1;visibility:visible}.arrow-box{position:fixed;width:100%;height:50px;top:870px}.arrow-box .banner-prev{position:absolute;left:-384px;cursor:pointer;width:34px;height:49px;top:0px}.arrow-box .banner-next{position:absolute;right:-348px;cursor:pointer;width:34px;height:49px;top:0px}.arrow-box .banner-prev:after{content:"";display:block;width:35px;height:6px;background:#353535;border-radius:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;bottom:-26px;-webkit-transition-duration:0.2s;transition-duration:0.2s}.arrow-box .banner-prev:before{content:"";display:block;width:35px;height:6px;background:#353535;border-radius:15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);clear:both;position:relative;top:11px;-webkit-transition-duration:0.2s;transition-duration:0.2s}.arrow-box .banner-prev:hover:after,.arrow-box .banner-prev:hover:before{background:#e9e7e7}.arrow-box .banner-next:after{content:"";display:block;width:35px;height:6px;background:#353535;border-radius:15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;bottom:-26px;-webkit-transition-duration:0.2s;transition-duration:0.2s}.arrow-box .banner-next:before{content:"";display:block;width:35px;height:6px;background:#353535;border-radius:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:11px;-webkit-transition-duration:0.2s;transition-duration:0.2s}.arrow-box .banner-next:hover:after,.arrow-box .banner-next:hover:before{background:#e9e7e7}.owl-prev{position:absolute;left:-30%;top:13%}.owl-next{position:absolute;right:-30%;top:13%}.pf02-function{text-align:center;width:415px;margin:auto;position:relative;padding-bottom:100px}.pf02-function a{padding:0 25px;font-size:28px;color:#cdcdcd;position:relative;-webkit-transition-duration:0.0s;transition-duration:0.0s;display:block;font-family:'Roboto Condensed', sans-serif;font-weight:600;letter-spacing:2px}.owl-theme .owl-nav.disabled+.owl-dots{display:none}.pf02-f-f{float:left}.pf02-function a:after{-webkit-transition-duration:0.3s;transition-duration:0.3s;font-family:微軟正黑體;letter-spacing:0px;font-weight:100}.pf02-function div:nth-child(1) a:after{content:"電子商務";position:absolute;left:13px;top:40px;font-size:14px;opacity:1}.pf02-function div:nth-child(2) a:after{content:"行銷功能";position:absolute;left:13px;top:40px;font-size:14px}.pf02-function div:nth-child(3) a:after{content:"常用功能";position:absolute;left:13px;top:40px;font-size:14px}.pf02-function div:nth-child(4) a:after{content:"優質設計";position:absolute;left:13px;top:40px;font-size:14px}.pf02-function div:nth-child(5) a:after{content:"系統功能";position:absolute;left:13px;top:40px;font-size:14px}.pf02-function a:before{position:absolute;width:31px;background:#eb669d;height:4px;content:"";bottom:-12px;opacity:0;border-radius:5px;-webkit-transition-duration:0.3s;transition-duration:0.3s}.pf02-function a.active:before,.pf02-function a:hover:before,.pf02-function a:focus:before{opacity:1}.pf02-function a.active:after,.pf02-function a:hover:after,.pf02-function a:focus:after{color:transparent}.pf02-function a.active,.pf02-function a:focus,.pf02-function a:hover{color:#e84186}.pf02-topbg{background:#f4f4f4}.pf02-tit{text-align:center;padding-bottom:65px}.pf02-tit h1{font-size:38px;font-weight:600;margin-top:0px}.pf02-tit h2{font-size:16px}.pf02-tb-l{width:30%;float:left;padding-top:60px;padding-left:155px;padding-bottom:60px}.pf02-tb-r{width:70%;float:right;padding-top:80px;padding-left:60px;padding-right:150px}#page-features02 .owl-carousel .owl-item img{width:180px}.tb-r-tit01{float:left;font-family:'Roboto Condensed', sans-serif;letter-spacing:4px;font-size:38px;color:#cdcdcd}span.tb-r-text01{display:block;font-size:24px;line-height:1;padding-top:4px;padding-bottom:20px;font-weight:600}.tb-r-tit02{padding-top:11px;margin-left:70px}span.tb-r-text02{font-size:16px;letter-spacing:2px;line-height:29px;color:#666666}.pf02-text{padding-top:40px}p.pf02-ttit{color:#282828;padding-bottom:14px;font-size:20px}span.pf02-textin{padding-top:14px;color:#666666;font-size:14px;color:#666666;padding-bottom:50px;display:block;line-height:25px;letter-spacing:0.3px}.pf02-text-w{width:45%;float:left}.pf02-text-w:nth-child(1){margin-right:10%}@media screen and (max-width: 768px){.pf02-tb-l{padding-left:60px}.pf02-tb-r{padding-top:65px;padding-left:60px;padding-right:60px}#page-features02>div>div.pf02-slide>div>div.owl-stage-outer.owl-height>div>div:nth-child(6)>div>div.pf02-topbg.clearfix>div.pf02-tb-r{padding-top:35px}}section#page-features03{background:url(../page_images/pf03_bg.jpeg) no-repeat;background-position:center 90%}.pf03-tit{text-align:center;padding-top:100px;padding-bottom:500px}.pf03-tit h1{font-size:32px;font-weight:600;color:#282828}.pf03-tit h2{margin-top:18px;font-size:22px;color:#282828;margin-bottom:27px}.pf03-tit p{margin-bottom:50px;font-size:14px;line-height:26px;letter-spacing:1px;color:#8b8b8b}.pf03-tit a{color:#e84186;border:1px solid #e84186;font-size:14px;padding:9px 29px;border-radius:35px;-webkit-transition-duration:0.3s;transition-duration:0.3s;letter-spacing:1px}.pf03-tit a:hover{color:#fff;border:1px solid #e84186;background:#e84186}@media screen and (max-width: 480px){.pf03-tit h2{font-size:18px}.pf03-tit p{text-align:justify;padding-top:15px;padding-bottom:0px}.pf03-tit{padding-top:60px;padding-bottom:300px}section#page-features03{background-position:24% 92%;background-size:324%}.pf03-tit{padding-left:15px;padding-right:15px}}#page-features02>div>div.pf02-slide>div>div.owl-stage-outer.owl-height>div>div.owl-item.active.center{text-align:left}.update-box h4{font-size:32px;text-align:center;margin-top:40px;font-weight:600;margin-bottom:30px}.update-box p{text-align:center;font-size:14px}.update-box p.first{margin-bottom:20px}.update-box p.second span{font-size:24px;font-weight:600;color:#e84186}.pr07-total div.pr07-total{padding:0;background-color:transparent}.pr07-total p.org-price{font-size:16px;margin-bottom:10px;text-decoration:line-through}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}.project-page article,.project-page aside,.project-page details,.project-page figcaption,.project-page figure,.project-page footer,.project-page header,main,.project-page menu,.project-page nav,section,.project-page summary{display:block}.project-page audio,.project-page canvas,.project-page progress,.project-page video{display:inline-block}audio:not([controls]){display:none;height:0}.project-page progress{vertical-align:baseline}template,[hidden]{display:none}.project-page a{background-color:transparent;-webkit-text-decoration-skip:objects}.project-page a:active,.project-page a:hover{outline-width:0}.project-page abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.project-page b,.project-page strong{font-weight:inherit}.project-page b,.project-page strong{font-weight:bolder}.project-page dfn{font-style:italic}.project-page h1{font-size:2em;margin:0.67em 0}.project-page mark{background-color:#ff0;color:#000}.project-page small{font-size:80%}.project-page sub,.project-page sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.project-page sub{bottom:-0.25em}.project-page sup{top:-0.5em}.project-page img{border-style:none}.project-page svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}.project-page figure{margin:1em 40px}.project-page hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}.project-page button,.project-page input,.project-page select,.project-pagetextarea{font:inherit;margin:0}.project-page optgroup{font-weight:bold}.project-page button,.project-page input{overflow:visible}.project-page button,.project-page select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}.project-page fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.project-page legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.project-page textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{word-wrap:break-word;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.project-page a{color:inherit;text-decoration:none}.wrapper{overflow:hidden}.titprogram{margin:0;text-align:center}.titprogram .maintitle{line-height:1.47}.program__title{display:inline-block;padding:0.25em 1.2em;margin:.25em 0 0;border:#dadada 1px solid;font-size:18px}.project-page .container{position:relative;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.project-page .container:after,.project-page .list-h:after{visibility:hidden;display:block;font-size:0;content:' ';clear:both;height:0}.project-page .list-inline,.project-page .list-inline ul,.project-page .list-h,.project-page .list-h ul,.project-page .list-v,.project-page .list-v ul{margin:0;padding:0;list-style-type:none}.project-page .list-inline>li,.project-page .list-inline .item{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.project-page .list-inline>li a,.project-page .list-inline .item a{display:inline-block;position:relative}.project-page .list-h>li,.project-page .list-h .item{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.project-page .list-h>li a,.project-page .list-h .item a,.project-page .list-v li a{display:block;position:relative}.project-page .pic{text-align:center;margin:0;padding:0}.project-page .pic.full img{width:100%}.project-page button:focus,.project-page input:focus,.project-page textarea:focus{outline:none}.project-page .slick-item+.project-page .slick-item{position:absolute;top:0;left:0;visibility:hidden}.project-page .ic{display:inline-block}.project-page .icon{text-indent:101%;white-space:nowrap;overflow:hidden;text-align:left;display:inline-block;vertical-align:middle;background-repeat:no-repeat}.project-page .btn,.project-page .ibtn{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;border:none;padding:0;background:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.project-page .btn::-moz-focus-inner,.project-page .ibtn::-moz-focus-inner{padding:0;border:0}.project-page .btn:focus,.project-page .ibtn:focus{outline:none}.project-page .ibtn{text-indent:101%;white-space:nowrap;overflow:hidden;text-align:left;background-repeat:no-repeat;padding:0 !important;-webkit-transition:none;transition:none}.project-page .ibtn:hover{background-position:0 100%}.project-page .table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all}.project-page .clearfix:after{content:'';display:block;clear:both}.project-page .container{padding:0}.project-page{font-family:"微軟正黑體", Arial, Helvetica !important;color:#333;font-size:22px;line-height:1.42857143;letter-spacing:0.035em;width:100%;background:#f4f4f4}.project-page .row{margin-right:0;margin-left:0}.project-sect1-mobile{display:none}.project-sect1 *,.project-sect1-mobile>*{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.project-sect1 .project-title{float:left;width:19%;padding:0}.project-sect1 .project-title span{font-size:14px;padding-top:4px}.project-sect1 .text{float:right;width:80%}.project-sect1 .bg01,.project-sect1-mobile .bg01{background:#fff}.project-sect1 .bg02,.project-sect1-mobile .bg02{background:#fff3f7}.project-sect1 .bg03,.project-sect1-mobile .bg03{background:#ffe6f1}.project-sect1 .bg04,.project-sect1-mobile .bg04{background:#e84186;color:#fff}.project-sect1 .nt,.project-sect1-mobile .nt{font-style:normal}.project-sect1 .sect1 .project-title{padding-top:136px}.project-sect1 .sect1 .text{float:right;width:80%}.project-sect1 .sect1 .col{float:left;width:25%;padding:30px;min-height:260px}.project-sect1 .name{text-align:center;font-size:26px;letter-spacing:2px}.project-sect1 .nt{font-size:12px;margin-top:45px;padding-left:35px;text-align:left}.project-sect1 .price{font-size:32px;font-weight:bold}.project-sect1 .bg04 .price{color:#fffe00}.project-sect1 .avp{font-size:16px;padding-left:35px;padding-top:32px;text-align:left}.project-sect1 .avp:before{content:"";display:block;width:50px;background:rgba(71,71,71,0.12);height:2px;position:relative;bottom:11px}.project-sect1 .avp span{font-size:12px}.project-sect1 .sect3 .project-title{padding-top:62px}.project-sect1 .sect3 .text{font-size:14px;color:#616161;letter-spacing:0;line-height:100%;padding:24px 10px 40px 0}.project-sect1 .sect3 ul,.project-sect1-mobile .sect3 ul{list-style:none;margin:0;float:left;margin-left:16px}.project-sect1 .sect3 ul li,.project-sect1-mobile .sect3 ul li{text-align:left;position:relative;margin-top:16px}.project-sect1 .sect3 li:before,.project-sect1-mobile .sect3 li:before{content:'';width:5px;height:5px;position:absolute;left:-18px;top:4px;display:block;background:#616161;border-radius:100%}.project-sect1 .sect3 li:nth-child(even):before,.project-sect1-mobile .sect3 li:nth-child(even):before{background:#e84185}.project-sect1 .project-title span{display:inline-block;margin-top:3px}.project-sect1 .sect2 .project-title{padding-top:62px}.project-sect1 .sect2 .project-title span{color:#FF0000;font-size:18px}.project-sect1 .sect2 .text{width:82%;margin-right:-1%;position:relative;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.07);box-shadow:0px 0px 10px rgba(0,0,0,0.07);padding:7% 30px}.project-sect1 .sect2 .price.s{color:#888888;position:relative;display:inline-block}.project-sect1 .sect2 .price.s:before{content:'';display:block;width:100%;height:2px;background:#888888;position:absolute;left:0;top:20px}.project-sect1 .sect2 .text{font-size:21px}.project-sect1 .sect2 .arrow{width:81px;height:33px;background:url(../page_images/project_arrow.png) center no-repeat;display:inline-block;vertical-align:middle;margin:0 30px 0 20px}.project-sect1 .sect2 .text .txt-col{display:inline-block;vertical-align:middle}.project-sect1 .sect4 .text{padding:5% 30px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.07);box-shadow:0px 0px 10px rgba(0,0,0,0.07)}.project-sect1 .sect4 .text{font-size:18px}.project-sect1 .sect2 .price,.project-sect1 .sect4 .price{font-size:30px;color:#E63F85}.project-sect1 .sect2 .text small,.project-sect1 .sect4 .text small{font-size:15px}.project-sect1 .sect4 .text .text-w{font-size:25px;color:#000;margin-right:15px;margin-bottom:15px}.project-sect1 .sect2 .nt,.project-sect1 .sect4 .nt{padding-left:15px}.project-sect1 .project-title small{color:red;display:inline-block;margin-top:3px}@media (max-width: 1200px){.project-sect1 .sect3 .text{padding:24px 30px 40px 30px}.project-sect1 .sect3 ul{width:50%;margin-left:0}}@media (max-width: 1024px){.container{max-width:970px;padding-right:15px;padding-left:15px}.project-sect1 .nt,.project-sect1 .avp{padding-left:10px}.project-sect1 .text-w{display:block;text-align:left}.project-sect1 .sect2 .text-w{margin-bottom:5px}.project-sect1 .sect3 .text{padding:40px 20px}.project-sect1 .sect2 .txt-col .nt{padding-left:0}.project-sect1 .sect2 .arrow{margin:0 60px 0 50px}.project-sect1 .sect4 .txt-col{max-width:550px;margin:0 auto}}@media (max-width: 768px){.container{max-width:720px}.project-sect1 .sect1 .col{padding:10px}.project-sect1 .name{font-size:20px;padding-top:35px}.project-sect1 .nt{margin-top:35px}.project-sect1 .nt,.project-sect1 .avp{padding-left:20px}.project-sect1 .price{font-size:24px}.project-sect1 .sect2 .text .txt-col{vertical-align:top}.project-sect1 .sect2 .arrow{margin:5% 50px 0 40px}.project-sect1 .sect2 .text small{display:block;text-align:left;margin-top:10px}.project-sect1 .sect3 .project-title{padding-top:90px}.project-sect1 .sect3 ul:nth-child(3){margin-left:0;width:100%;text-align:left}.project-sect1 .sect3 ul:nth-child(3) li{display:inline-block}.project-sect1 .sect3 ul:nth-child(3) li:nth-child(1){width:294px}.project-sect1 .sect3 ul:nth-child(3) li:nth-child(2){width:120px}.project-sect1 .sect3 ul:nth-child(3) li:nth-child(2):before{background:#616161}.project-sect1 .sect3 ul:nth-child(3) li:nth-child(3):before{background:#e84185}.project-sect1 .sect4 .txt-col{max-width:400px}.project-sect1 .sect4 .text .text-w{display:inline-block}.project-sect1 .sect4 .padbr{display:block;text-align:left;margin-top:5px}.project-sect1 .sect4 .nt{padding-left:0}}@media (max-width: 736px){.container{max-width:646px}.wrapper{font-size:16px}.project-sect1-mobile{display:block}.project-sect1{display:none}.project-sect1-mobile .sect1{-webkit-box-shadow:1px 1px 5px 3px rgba(0,0,0,0.05);box-shadow:1px 1px 5px 3px rgba(0,0,0,0.05)}.project-sect1-mobile .sect1 .name{text-align:center;font-size:30px;padding:60px 0}.project-sect1-mobile .price-box{text-align:left;width:115px;margin:0 auto}.project-sect1-mobile .sect1 .title{padding-bottom:10px}.project-sect1-mobile .sect1 .nt{font-size:14px;padding-bottom:8px}.project-sect1-mobile .big-price .price{font-size:30px;padding-bottom:60px;font-weight:600}.project-sect1-mobile .small-price .price{padding-bottom:65px;font-size:20px}.project-sect1-mobile .bg04 .big-price .price{color:#fefe00}.project-sect1-mobile .sect2{padding:50px 15px}.project-sect1-mobile .sect3,.project-sect1-mobile .sect4{padding:40px 15px}.project-sect1-mobile .project-title{font-size:32px;text-align:center;font-weight:600;margin-bottom:30px;line-height:100%}.project-sect1-mobile .project-title small{font-size:15px;font-weight:normal}.project-sect1-mobile .sect2 .project-title small{color:#FF0000;font-size:18px}.project-sect1-mobile .sect2 .txt-col{line-height:28px}.project-sect1-mobile .sect2 .text-w{text-decoration:line-through}.project-sect1-mobile .sect2 .txt-col:nth-child(1) .nt,.project-sect1-mobile .sect2 .price.s{color:#888888}.project-sect1-mobile .sect2 .txt-col:last-child .price{font-size:30px;color:#e84185}.project-sect1-mobile .sect2 .txt-col:last-child small{font-size:15px}.project-sect1-mobile .sect2 .arrow{width:77px;height:157px;background:url(../page_images/project_arrow_mobile.png) center no-repeat;display:block;margin:-60px auto 20px}.project-sect1-mobile .sect3 ul{margin:0 auto;font-size:15px;max-width:310px;float:none}.project-sect1-mobile .sect3 li:before{top:8px}.project-sect1-mobile .sect4 .text{text-align:left;margin:0 auto;max-width:269px;letter-spacing:2px;font-size:16px;line-height:48px}.project-sect1-mobile .sect4 .text-w{font-size:25px}.project-sect1-mobile .sect4 .price{font-size:30px;color:#fefe00}.project-sect1-mobile .sect4 .padbr{margin-top:10px}.project-sect1-mobile .sect4 .padbr:last-child{letter-spacing:1px}.project-sect1-mobile .sect2 .txt-col{font-size:16px;line-height:35px}.project-sect1-mobile .project-title small{display:inline-block;margin-top:10px}}@media (max-width: 414px){.container{max-width:384px}}@media (max-width: 375px){.container{max-width:345px}.project-sect1-mobile .sect3 ul{padding-left:27px}}@media (max-width: 320px){.container{max-width:290px}.project-sect1-mobile .sect3 ul{max-width:178px}.project-sect1-mobile .sect3 ul{padding-left:20px}.project-sect1-mobile .sect2 .txt-col:last-child small,.project-sect1-mobile .sect4 .padbr small{display:block}.project-sect1-mobile .sect4 .padbr small{margin-top:15px}.project-sect1-mobile .sect4 .text{font-size:18px;padding-left:32px}.project-sect1-mobile .sect4 .padbr{display:block;margin-top:25px}.project-sect1-mobile .sect4 .none{display:none}}.portfolio-container{position:relative;overflow:hidden}.portfolio-container>a{background:#fff}.portfolio-container>a>img{width:100%;vertical-align:top;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s}html.no-touch .portfolio-container>a:hover>img{-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-transition:-webkit-transform 0.7s;transition:-webkit-transform 0.7s;transition:transform 0.7s;transition:transform 0.7s, -webkit-transform 0.7s}.portfolio-img{margin-bottom:35px;position:relative}.portfolio-img a{position:relative;display:block;overflow:hidden}.portfolio-text::after{content:"";display:table;clear:both}.portfolio-type{position:relative;display:block;float:left;font-size:12px;line-height:1.1;padding:3px 6px;border-radius:2px;margin:10px 3px 0 0;color:#444;border:#999 1px solid;-webkit-transition:all .2s;transition:all .2s}html.no-touch .portfolio-container:hover .portfolio-type:hover{color:#fff;background:#999}html.no-touch .portfolio-container:hover .portfolio-type--2{color:#e84286;border-color:#e84286}html.no-touch .portfolio-container:hover .portfolio-type--2:hover{background:#e84286}html.no-touch .portfolio-container:hover .portfolio-type--3{color:#f99a03;border-color:#f99a03}html.no-touch .portfolio-container:hover .portfolio-type--3:hover{background:#f99a03}.portfolio-title{display:block;float:left;color:#444;font-size:15px;font-weight:800;line-height:1;padding:13px 2px 5px 4px;-webkit-transition:all .2s;transition:all .2s}html.no-touch .portfolio-title:hover{color:#e84286}.portfolio-story{display:block;float:left;width:30px;opacity:.2;padding:9px 5px 2px 3px;-webkit-transition:all .2s;transition:all .2s}.portfolio-story img{display:inline-block;vertical-align:top}html.no-touch .portfolio-story:hover{opacity:.8}.portfolio-img:hover .portfolio-overlay{opacity:1;z-index:1}.portfolio-overlay{position:absolute;display:none;top:0;left:0;background:rgba(84,65,133,0.88);width:100%;height:100%;z-index:-1;opacity:0;transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s}.portfolio-img.world-d .portfolio-overlay{background:rgba(0,0,0,0.6)}.overlay-text{color:#fff}.overlay-text p{position:absolute;top:50%;bottom:0;margin:auto;margin-top:-25px;display:block;text-align:center;width:100%;font-size:18px;letter-spacing:1px}.portfolio-img.world-d .overlay-text p{margin-top:-53px}.portfolio-img.world-d .overlay-text p::before{content:"客製化網站";display:block;background:url(../page_images/logo_world-d_white.png) top center/30% auto no-repeat;padding:31px 0 12px;font-size:12px}.portfolio-overlay>a{height:100%;display:block}.overlay-icon a img{padding:0px 15px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-o-transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-o-transition-timing-function:ease-out}.overlay-icon a img:hover{opacity:0.9;position:relative;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.overlay-icon{position:absolute;text-align:center;width:100%;top:140px;color:#fff;bottom:50px;margin:auto}.portfolio-img.world-d .overlay-icon{margin-top:44px}.portfolio-overlay span{border-radius:300px;transition:all 0.27s ease-in;-webkit-transition:all 0.27s ease-in;-o-transition:all 0.27s ease-in}.portfolio-overlay span:nth-child(1){display:block;width:3px;background:#fff;position:absolute;left:0px;top:0px}.portfolio-img:hover .portfolio-overlay span:nth-child(1){height:22px;left:20px;top:20px}.portfolio-overlay span:nth-child(2){display:block;background:#fff;position:absolute;left:0px;top:0px;height:3px}.portfolio-img:hover .portfolio-overlay span:nth-child(2){width:22px;left:20px;top:20px}.portfolio-overlay span:nth-child(3){display:block;width:3px;background:#fff;position:absolute;right:0;top:0}.portfolio-img:hover .portfolio-overlay span:nth-child(3){height:22px;right:20px;top:20px}.portfolio-overlay span:nth-child(4){display:block;background:#fff;position:absolute;height:3px;right:0;top:0}.portfolio-img:hover .portfolio-overlay span:nth-child(4){width:22px;right:20px;top:20px}.portfolio-overlay span:nth-child(5){display:block;width:3px;height:0;background:#fff;position:absolute;left:0px;bottom:0px}.portfolio-img:hover .portfolio-overlay span:nth-child(5){height:22px;left:20px;bottom:20px}.portfolio-overlay span:nth-child(6){display:block;background:#fff;position:absolute;left:0px;bottom:0px;width:0px;height:3px}.portfolio-img:hover .portfolio-overlay span:nth-child(6){width:22px;left:20px;bottom:20px}.portfolio-overlay span:nth-child(7){display:block;width:3px;height:0;background:#fff;position:absolute;right:0px;bottom:0px}.portfolio-img:hover .portfolio-overlay span:nth-child(7){height:22px;right:20px;bottom:20px}.portfolio-overlay span:nth-child(8){display:block;background:#fff;position:absolute;right:0px;bottom:0px;width:0px;height:3px}.portfolio-img:hover .portfolio-overlay span:nth-child(8){width:22px;right:20px;bottom:20px}.portfolio-tag{position:absolute;bottom:0;left:0;width:100%;height:36px;background-color:rgba(0,0,0,0.6);color:white;font-size:13px;text-align:center;letter-spacing:2px;opacity:1;-webkit-transition:bottom ease-in-out .4s, opacity .5s;transition:bottom ease-in-out .4s, opacity .5s}.portfolio-tag:before{content:"";display:inline-block;height:100%;vertical-align:middle}.portfolio-tag img{height:19px;margin:0 7px 0 0}.saleplan{font-size:16px;text-align:center}.plan__head{margin:70px 0}.plan__head h2{margin:.7em 0;color:#e84286;font-size:1.875em;font-weight:700}.plan__head div{position:relative;display:inline-block;padding:0 45px;color:#3e3947;letter-spacing:1px}.plan__head div::before,.plan__head div::after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:30px;height:1px;background-color:#898989}.plan__head div::before{left:0}.plan__head div::after{right:0}.priceset{font-family:Arial, 微軟正黑體;line-height:1}.priceset--die{position:relative;padding:0 8px}.priceset--die::after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;background:#666}.priceset__main{font-size:2em;font-weight:700}.priceset__after{font-size:.938em}.saleplan__body{display:-webkit-box;display:-ms-flexbox;display:flex}.saleplan__card{position:relative;-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%;color:#666;padding:0 25px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:transparent 11px solid}.saleplan__card__name,.saleplan__card__feature,.saleplan__card__price,.saleplan__card__standard{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.saleplan__card__tag{position:absolute;right:10px;top:-19px;padding:6px 20px 14px 22px;-webkit-box-sizing:border-box;box-sizing:border-box;width:85px;height:60px;font-size:.875em;line-height:1.25;font-weight:700;letter-spacing:1px}.saleplan__card__name{height:130px;padding:25px 0 0;border-bottom:#c9caca 1px solid;letter-spacing:1px}.saleplan__card__name h3{width:100%;margin:0 0 8px;font-size:1.688em;font-weight:700;letter-spacing:2px;color:#595757}.saleplan__card__feature{height:90px;border-bottom:#c9caca 1px solid;letter-spacing:1px;line-height:1.625}.saleplan__card__price{-ms-flex-item-align:start;align-self:flex-start;height:265px;border-bottom:#c9caca 1px solid}.saleplan__card__price>div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:4em;margin:1.25em 0}.saleplan__card__price>div:nth-child(2)>:last-child{margin:0.3em 0 0}.saleplan__card__price .font1313{font-size:1.313em;font-weight:700}.saleplan__card__standard{height:185px}.saleplan__card__standard ul{list-style:none;margin:0;padding:0;text-align:left}.saleplan__card__standard ul li{position:relative;padding:.2em 0 .2em 1.2em}.saleplan__card__standard ul li::before{content:"";position:absolute;display:block;width:.3em;height:.3em;background:#595757;left:0;top:.7em}.saleplan__card__works{padding:0;-webkit-transition:padding .4s;transition:padding .4s}.saleplan__card__works__switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:3.25em;padding:0 1.6em;margin:0 0 42px;border:#595757 1px solid;border-radius:1.625em;outline:none;background:#fff;color:#595757}.saleplan__card__works__switch>div:first-child{margin:0 auto 0 0;letter-spacing:1px;font-weight:700}.saleplan__card__works__switch>div:last-child{font-size:1.2em;font-weight:700;line-height:1}.saleplan__card__works__switch:hover{border-color:#e84286}.saleplan__card__works__switch:hover>div:last-child{color:#e84286}.saleplan__card__works__body{position:absolute;left:0;display:block;width:400%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;background:#dbdbdb;z-index:-2;pointer-events:none;opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:opacity .2s .2s, z-index 0.1s .4s, -webkit-transform .4s;transition:opacity .2s .2s, z-index 0.1s .4s, -webkit-transform .4s;transition:transform .4s, opacity .2s .2s, z-index 0.1s .4s;transition:transform .4s, opacity .2s .2s, z-index 0.1s .4s, -webkit-transform .4s}.saleplan__card__works__body::before{content:"";position:absolute;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:transparent solid 14px;border-bottom:#dbdbdb solid 16px}.saleplan__card__works__howtodo{display:block;width:100%;padding:14px 0;margin:7px 0 0;background:#e84286;color:#fff;border:0;outline:0;text-decoration:none}.saleplan__card__works__howtodo>div:first-child{display:inline-block;vertical-align:middle;font-size:1.438em;font-weight:700;letter-spacing:0.22em;color:#fff}.saleplan__card__works__howtodo>div:first-child span{color:#FFFE00}.saleplan__card__works__howtodo>div:last-child{display:inline-block;vertical-align:middle;margin:0 0 0 8px;width:1.5em;height:1.5em;line-height:1.5em;font-weight:700;background:#fff;color:#e84286;border-radius:50%}.saleplan__card__works__howtodo:hover{color:#fff}.saleplan__card__works__howtodo.mobile{display:none}.saleplan__card__works__list::after{content:"";display:table;clear:both}.saleplan__card__works__list .portfolio-img{float:left;width:calc(33.33333% - 4.7px);padding:0;margin:0}.saleplan__card__works__list .portfolio-img:nth-child(2){margin:0 7px 0}.saleplan__card__works__list.owl-theme .owl-dots .owl-dot span{background:#717071}.saleplan__card__works__list.owl-theme .owl-dots .owl-dot.active span{background:#e84286}.saleplan__card__works.is-open{-webkit-transition:padding .6s;transition:padding .6s}.saleplan__card__works.is-open .saleplan__card__works__switch{border-color:#e84286}.saleplan__card__works.is-open .saleplan__card__works__switch>div:last-child{color:#e84286}.saleplan__card__works.is-open .saleplan__card__works__body{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;pointer-events:all;z-index:2;-webkit-transition:opacity .2s, -webkit-transform .6s;transition:opacity .2s, -webkit-transform .6s;transition:transform .6s, opacity .2s;transition:transform .6s, opacity .2s, -webkit-transform .6s}.saleplan__card__works.is-open .saleplan__card__works__list{display:block}.saleplan__card:not(.saleplan__card--head){border-bottom:#c9caca 1px solid}.saleplan__card:not(.saleplan__card--head)+.saleplan__card::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#c9caca}.saleplan__card--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 7.5em;flex:0 0 7.5em;font-size:1.25em;color:#333;background:transparent}.saleplan__card--head .saleplan__card__standard{height:283px;border-bottom:#c9caca 1px solid}.saleplan__card--gary{border-top-color:#e5e5e5}.saleplan__card--darkgary{border-top-color:#e84286}.saleplan__card--darkgary .saleplan__card__tag{color:#fff;background:url(../images/saleplan/plan_tag_pink.svg) 0 0 no-repeat}.saleplan__card--pink{border-top-color:#f99a03}.saleplan__card--pink .saleplan__card__tag{color:#231815;background:url(../images/saleplan/plan_tag_gold.svg) 0 0 no-repeat}a.saleplan__card__works__howtodo,a.saleplan__card__works__howtodo:hover{color:#fff}.saleplan__card:nth-child(2) .saleplan__card__works__body{left:0}.saleplan__card:nth-child(2) .saleplan__card__works__body::before{left:12.5%}.saleplan__card:nth-child(3) .saleplan__card__works__body{left:-100%}.saleplan__card:nth-child(3) .saleplan__card__works__body::before{left:37.5%}.saleplan__card:nth-child(4) .saleplan__card__works__body{left:-200%}.saleplan__card:nth-child(4) .saleplan__card__works__body::before{left:62.5%}.saleplan__card:nth-child(5) .saleplan__card__works__body{left:-300%}.saleplan__card:nth-child(5) .saleplan__card__works__body::before{left:87.5%}.saleplan__foot{margin:0 0 0 7.14em;padding:0;font-size:1.313em;letter-spacing:2px;color:#333;background:#fff}.saleplan__foot span{display:inline-block}.saleplan__foot a{display:block;width:100%;padding:1.7em 0;margin:0;color:#595757;font-weight:700}.saleplan__foot>div{padding:1.7em 0}.hostplan{font-family:Arial, 微軟正黑體;font-size:16px;text-align:center;max-width:1170px;margin:70px 0 0}.hostplan__body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.hostplan__body::after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:transparent 16px solid;border-top:#fff 24px solid;border-bottom-width:0}.hostplan__card{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%}.hostplan__card__top,.hostplan__card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hostplan__card__top{height:2.34em;font-size:1.5em;letter-spacing:3px;color:#595757;background:#e5e5e5}.hostplan__card__top--hot{background:#b6b6b6}.hostplan__card__body{position:relative;height:8.13em;color:#666;background:#fff}.hostplan__card__body>div:nth-child(2){margin:7px 0 0}.hostplan__card+.hostplan__card .hostplan__card__body::before{content:"";position:absolute;left:0;top:8%;height:84%;width:1px;background:#c9caca;-webkit-transform:scale(0.5, 1);transform:scale(0.5, 1);-webkit-transform-origin:center center;transform-origin:center center}.highlight{color:#e84286}.designplan{margin:70px 0 20px;text-align:center}.designplan__head h2{margin:.5em 0 1em;color:#e84286;font-size:1.875em;font-weight:700}.designplan__body{position:relative;padding:0 0 20px;background:#fff}.designplan__body>div:first-child{padding:.5em;font-size:1.5em;background:#ffc9df}.designplan__body .priceset{padding:30px 10px 15px;font-family:Arial;color:#676767;background:#fff}.designplan__body .priceset .priceset__pre{font-size:1.75em}.designplan__body .priceset .priceset__main{margin:0 0 0 4px;font-size:3.4em;font-weight:bold}.designplan__body .priceset span:nth-child(3){margin:0 0 0 .5em;text-decoration:line-through}.designplan__body>div:nth-child(3){width:90%;max-width:30em;margin:0 auto;padding:5px 0;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;font-size:14px;letter-spacing:1px;color:#8c8c8c}.designplan__body::after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:transparent 16px solid;border-top:#fff 24px solid;border-bottom-width:0}.designplan__subtotal{padding:10px;font-size:14px;line-height:1.7;color:#8c8c8c}.designplan__subtotal span{display:inline-block}.designplan__subtotal strong{display:inline-block;margin:0 0 0 10px;color:#e84185}@media (max-width: 1200px){.saleplan__foot{margin:0}}@media (max-width: 991px){.plan__head{margin:50px 0 30px}.plan__head h2{margin:.4em 0}.plan__head div{padding:0;font-size:1.25em}.plan__head div::before,.plan__head div::after{display:none}.saleplan{font-size:14px}.saleplan__body{-ms-flex-wrap:wrap;flex-wrap:wrap}.saleplan__card{-webkit-box-flex:1;-ms-flex:1 1 45%;flex:1 1 45%;padding:16px 16px 0;margin:0 0 6%}.saleplan__card:nth-child(3),.saleplan__card:nth-child(5){margin-left:4%}.saleplan__card__tag{top:-11px;left:-4px;width:5.6em;height:1.8em;line-height:1.8em;padding:0}.saleplan__card__tag::after{content:"";position:absolute;left:0;top:100%}.saleplan__card__name{height:auto;border:0}.saleplan__card__name h3{margin:0}.saleplan__card__name div{display:none}.saleplan__card__feature{height:5.5em}.saleplan__card__price{border:0;height:13em}.saleplan__card__works__body{width:209%;padding:20px 20px 6px}.saleplan__card__works__list{overflow:hidden}.saleplan__card__works__list::after{display:none}.saleplan__card__works__list .portfolio-img{float:none;width:100%}.saleplan__card__works__list .portfolio-img:nth-child(2){margin:0}.saleplan__card__works .portfolio-title{width:100%;text-align:center}.saleplan__card__standard.saleplan__card__standard{display:none}.saleplan__card--darkgary .saleplan__card__tag{background:#f95aa2}.saleplan__card--darkgary .saleplan__card__tag::after{border-top:#bf2b75 3px solid;border-right:#bf2b75 2px solid;border-bottom:transparent 3px solid;border-left:transparent 2px solid}.saleplan__card--pink .saleplan__card__tag{color:#d7427e;background:#e9a94c;background:-webkit-gradient(linear, left top, right top, from(#e9a94c), to(#efd953));background:linear-gradient(to right, #e9a94c 0%, #efd953 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a94c', endColorstr='#efd953',GradientType=1 )}.saleplan__card--pink .saleplan__card__tag::after{border-top:#c9a120 3px solid;border-right:#c9a120 2px solid;border-bottom:transparent 3px solid;border-left:transparent 2px solid}.saleplan__card:not(.saleplan__card--head){border-bottom:0}.saleplan__card:not(.saleplan__card--head)+.saleplan__card::before{display:none}.priceset--die::after{height:1px}.saleplan__card:nth-child(2) .saleplan__card__works__body{left:0}.saleplan__card:nth-child(2) .saleplan__card__works__body::before{left:25%}.saleplan__card:nth-child(3) .saleplan__card__works__body{left:auto;right:0}.saleplan__card:nth-child(3) .saleplan__card__works__body::before{left:75%}.saleplan__card:nth-child(4) .saleplan__card__works__body{left:0}.saleplan__card:nth-child(4) .saleplan__card__works__body::before{left:25%}.saleplan__card:nth-child(5) .saleplan__card__works__body{left:auto;right:0}.saleplan__card:nth-child(5) .saleplan__card__works__body::before{left:75%}.owl-item{float:left}.portfolio-overlay{display:none !important}.hostplan__body{-ms-flex-wrap:wrap;flex-wrap:wrap}.hostplan__card{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.hostplan__card:nth-child(3) .hostplan__card__body::before{display:none}}@media (max-width: 767px){a.saleplan__card__works__howtodo{display:none}.saleplan__card__works__howtodo.mobile{display:block}}@media (max-width: 480px){.hostplan,.saleplan,.designplan{font-size:12px}.saleplan__card{padding:10px 10px 0}.saleplan__card__name h3{font-size:1.333em;letter-spacing:1px}.saleplan__card__price{margin:0 -8px}.saleplan__card__works__switch{font-size:0.917em;margin:0 0 30px;padding:0 1.2em}.saleplan__foot{font-size:1.167em;letter-spacing:0;background:transparent}.priceset--die{padding:0 1px}.priceset__pre{font-size:.833em}.priceset__main{letter-spacing:-1px}.priceset__after{font-size:.833em}.designplan__subtotal{font-size:13px}}@media (max-width: 374px){.saleplan__card__works__switch{padding:0 10px}.saleplan__card__works__switch>div:first-child{width:100%;margin:0;text-align:center}.saleplan__card__works__switch>div:last-child{display:none}}.gift{font-size:16px;color:#636363;cursor:default}.gift h2{text-align:center;margin:60px 0 50px}.gift-word{display:inline-block;color:#e84285;border:#e84285 1px solid;font-size:0.765em;line-height:1.308em;vertical-align:1px;margin:0 7px 0 0;padding:0 5px}.gift .maintitle{margin-bottom:10px}.gift .subtitle01{letter-spacing:1px}.boxnt0{font-size:12px}.gift-item{position:relative;background-color:white;text-align:center;border:#f4f4f4 2px solid;padding:22px 6px;height:160px}.gift-line h3{color:#36ba5b}.gift-aftee h3{color:#60bfb6}.gift-item-ic{width:50%;max-width:60px;margin-bottom:10px}.gift h3{font-size:15px;font-weight:700;line-height:1.3;margin:0 0 4px}.gift h3 span{display:inline-block}.gift-item.col-lg-4 h3>div{margin:0 0 6px}.gift h3+div{font-size:.875em}.gift-seo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gift-seo .gift-item-ic{display:block;margin:0 auto 10px;max-width:100px}.gift-seo h3{display:inline-block;margin:0 0 4px;color:#e84185;font-size:20px}.gift-seo h3+a{display:inline-block;padding:0 .5em;border:#e84185 1px solid;color:#e84185;font-size:13px;vertical-align:text-top}.gift-seo .gift-seo__btn{display:inline-block;margin:60px 0 0;padding:0 1.8em;line-height:3;font-size:14px;color:#e84185;outline:0;background:transparent;border:#e84185 1px solid;border-radius:1.3em;-webkit-transition:all .3s;transition:all .3s}.gift-seo .gift-seo__btn:hover{color:#fff;background:#e84185}.gift-seo .gift-seo__btn+a{display:inline-block;margin:1em 0 0;padding:.25em 1em;border:#e84185 1px solid;color:#e84185;font-size:13px}.gift-seo p{font-size:.875em;line-height:1.857;color:#636363;text-align:justify}.gift-seo p:nth-child(1){padding:0 0 20px;color:#a1a1a1;border-bottom:#dedede 1px solid}.gift-seo p:nth-child(2){padding:20px 0 0}.gift-seo p span{display:block;line-height:1.857}.gift-seo>div:nth-child(1){-webkit-box-flex:1;-ms-flex:1 1 36%;flex:1 1 36%}.gift-seo>div:nth-child(2){-webkit-box-flex:1;-ms-flex:1 1 61%;flex:1 1 61%;margin:0 0 0 3%;padding:0 30px 0 0}@media (min-width: 992px) and (max-width: 1199px){.gift-item{height:180px}.gift-seo>div:nth-child(1){-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%}}@media (min-width: 768px){.gift-item.col-lg-4 h3{font-size:1.125em;font-weight:bold}}@media (min-width: 992px){.gift-seo{height:320px}}@media (max-width: 767px){.gift-seo{height:auto}.gift,.gift h3{font-size:14px}}@media (max-width: 576px){.gift-item{padding:16px 18px}}@media (max-width: 374px){.gift h2 .maintitle>span:last-child{display:block;margin:13px 0 0}}.gift-seo-pop{font-size:15px;line-height:1.867;letter-spacing:1px}.zoom-anim-dialog.gift-seo-pop{max-width:1130px !important;background:#fff}.gift-seo-onepage{padding:84px 4% 0;font-size:15px;line-height:1.867;letter-spacing:1px}.gift-seo-pop__title{font-size:34px;font-weight:600;line-height:1.5}.gift-seo-pop__title span{display:inline-block}.gift-seo-pop__p1{max-width:695px;margin:50px auto 90px}.gift-seo-pop__p1__cover{text-align:center;border-bottom:#ddd 1px solid}.gift-seo-pop__p1__cover img{position:relative;top:15px}.gift-seo-pop__p1__text{display:-webkit-box;display:-ms-flexbox;display:flex;margin:50px 0}.gift-seo-pop__p1__text>div:nth-child(1){-webkit-box-flex:1;-ms-flex:1 1 11em;flex:1 1 11em}.gift-seo-pop__p2{max-width:900px;margin:0 auto}.gift-seo-pop__p2__sub{margin:25px 0 35px}.gift-seo-pop__p2__content{padding:0 30px 45px;background:#f6f6f6;text-align:center}.gift-seo-pop__p2__content::before{content:"";display:block;width:0;margin:0 auto;border:transparent 30px solid;border-top-color:#fff}.gift-seo-pop__p2__content>div:nth-child(1){display:block;max-width:670px;margin:5px auto 15px;font-size:20px;font-weight:600;color:#e84285}.gift-seo-pop__p2__content>div:nth-child(1) span{display:inline-block}.gift-seo-pop__p2__content ol{display:inline-block;max-width:670px;margin:0 auto;padding:0 0 0 1em;text-align:left}.gift-seo-pop__p2__content ol li{line-height:28px;list-style:inherit}.gift-seo-pop__p3{display:-webkit-box;display:-ms-flexbox;display:flex;margin:92px auto 90px;max-width:900px}.gift-seo-pop__p3>div:nth-child(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px;margin:0 0 0 40px}.gift-seo-pop__p3>div:nth-child(2){padding:20px 0 0}.gift-seo-pop__p3>div:nth-child(2) .gift-seo-pop__title{margin:0 0 .5em}.gift-seo-pop__p4{max-width:900px;margin:0 auto;font-size:1.6em;font-weight:600;line-height:1.5;text-align:center}.gift-seo-pop__p4 span{display:inline-block}.gift-seo-pop__p4 a{display:inline-block;margin:30px auto 60px;padding:0.35em 2.5em;border-radius:2em;color:#fff;background:#e84185;border:#e84185 1px solid;text-decoration:none;-webkit-transition:all .25s;transition:all .25s}.gift-seo-pop__p4 a:hover{background:#fff;color:#e84185}@media (max-width: 767px){.gift-seo-onepage{font-size:14px;text-align:center}.gift-seo-pop__title{font-size:30px}.gift-seo-pop__p1__text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gift-seo-pop__p1__text>:nth-child(2){margin:2em 0 0}.gift-seo-pop__p3>div:nth-child(2)>div:nth-child(2){margin:2em 0 0;text-align:left}.gift-seo-pop__p3{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gift-seo-pop__p3>div:nth-child(1){-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;margin:0}}@media (max-width: 480px){.gift-seo-onepage{font-size:13px;line-height:1.6;letter-spacing:0}.gift-seo-pop__title{font-size:22px}.gift-seo-pop__p1{margin:40px auto}.gift-seo-pop__p4 a{padding:0.35em 2em}}